import React, { useState, useEffect } from 'react';
import './index.css';
import {Image} from "antd";



function Merchant(props) {

	const {  } = props;

	return (
		<div id='merchant' className='section'>
			<div id='merchant-register' className='operate-section'>
				<h3>【支付注册】 打开<a href="https://pay.weixin.qq.com" target='_blank'>微信支付平台</a>(https://pay.weixin.qq.com)</h3>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_3.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_4.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_5.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_6.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_7.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_8.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_9.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_10.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_11.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_12.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_register_13.png' /></div>
			</div>
			<div id='merchant-params' className='param-section'>
				<h3>【支付参数】  打开<a href="https://pay.weixin.qq.com" target='_blank'>微信支付平台</a>(https://pay.weixin.qq.com)</h3>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_params_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_params_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_params_3.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_params_3_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_params_3_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/merchant/merchant_params_4.png' /></div>
			</div>
		</div>
	);
}

export default Merchant;
